.headerG {
    height: 40px;
    width: 100%;
    background-color: #333;

    >.container {
        cursor: pointer;

        >ul {
            float: left;
            height: 100%;
            width: 794px;

            >li {
                &:hover {
                    color: #fff;
                }

                float: left;
                font-size: 12px;
                line-height: 40px;
                margin-right: 6px;
                color: #A7A7A7;
            }

            >.sanjiaoli {
                position: relative;

                >.sanjiaoapp {
                    width: 100%;

                    >.sanjiao {
                        position: absolute;
                        top: 33px;
                        left: 13px;
                        width: 0;
                        height: 0;
                        border-left: 7px solid transparent;
                        border-right: 7px solid transparent;
                        border-bottom: 7px solid white;
                        display: none;
                    }
                }

                .sanjiaoimg {
                    position: absolute;
                    top: 40px;
                    left: -40px;
                    z-index: 999;
                    width: 130px;
                    height: 150px;
                    padding: 20px;
                    padding-bottom: 0px;
                    box-shadow: 0 1px 5px #aaa;
                    background: white;
                    display: none;

                    >img {
                        width: 90px;
                        height: 90px;
                    }

                    >.appzi {
                        font-size: 14px;
                        color: #333;
                        text-align: center;
                    }
                }
            }
        }

        >ol {
            float: left;
            width: 143px;
            height: 100%;
            margin-left: 160px;

            >li {
                &:hover {
                    color: #fff;
                }

                float: left;
                font-size: 12px;
                line-height: 40px;
                margin-right: 5px;
                color: #A7A7A7;
            }
        }

        >.card {
            width: 120px;
            height: 40px;
            float: right;
            left: 1000px;
            top: 40px;

            >.cardxiahua {
                position: absolute;
                z-index: 1;
                height: 75px;
                width: 316px;
                background: white;
                box-shadow: 0 1px 5px #aaa;
                margin-left: -196px;
                line-height: 75px;
                display: none;
                overflow: hidden;

                >.xiahuazi {
                    font-size: 12px;
                    text-align: center;
                    color: #333;
                }

                >.loadimg {
                    width: 100%;
                    height: 100%;
                    display: none;
                }
            }

            >.iconliang {
                position: relative;
                z-index: 22;
                width: 120px;
                height: 40px;
                text-align: center;
                top: 0px;
                background: #424242;

                .icon {
                    line-height: 40px;
                    font-size: 14px;
                    color: #b0b0b0;
                    margin-right: 5px;
                }

                .iconright {
                    font-size: 13px;
                    margin-left: -7px;
                    color: #b0b0b0;
                }
            }
        }
    }
}